<template>
  <Fragment>
    <div class="looking"></div>
    <div class="a-job">
      <div class="button-browse">岗位展示</div>
      <div class="title">你是不是想在创思找工作?</div>
      <div class="describe">
        我们在线上为您安排了200多个工作岗位，欢迎你咨询！您可查询本网，可快速了解现有岗位情况。
      </div>
    </div>
    <div class="expert">
      <div class="button-browse">发布工作</div>
      <div class="title">你是不是想在平台发布工作?</div>
      <div class="describe">人力资源部、部门经理、项目经理，都可以在此平台发布工作了哦，欢迎试用！</div>
    </div>
  </Fragment>
</template>

<script>
export default {}
</script>

<style lang="less">
.looking {
  position: absolute;
  left: 0px;
  top: 2444px;
  width: 1440px;
  height: 1122px;
  background: url('../images/Looking.png');
}
.a-job {
  position: absolute;
  left: 65px;
  top: 2821px;
  width: 558px;
  height: 243.75px;
  border-radius: 8px;
  .button-browse {
    position: absolute;
    left: 0px;
    top: 193px;
    width: 144px;
    height: 50.75px;
    display: flex;
    padding: 16px 40px;
    border-radius: 8px;
    background: #000000;
    font-family: RobotoRoman-Medium;
    font-size: 16px;
    color: #ffffff;
    box-sizing: border-box;
  }
  .describe {
    position: absolute;
    left: 0px;
    top: 91px;
    width: 558px;
    height: 70px;
    font-size: 20px;
    font-weight: normal;
    line-height: 23.44px;
    letter-spacing: 0em;
    color: #ffffff;
  }
  .title {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 417px;
    height: 70px;
    font-family: RobotoRoman-Medium;
    font-size: 36px;
    font-weight: normal;
    line-height: 42.19px;
    letter-spacing: 0em;
    color: #ffffff;
  }
}
.expert {
  position: absolute;
  left: 704px;
  top: 2823px;
  width: 558px;
  height: 241.75px;
  border-radius: 8px;
  .describe {
    position: absolute;
    left: 0px;
    top: 91px;
    width: 558px;
    height: 70px;
    font-size: 20px;
    font-weight: normal;
    line-height: 23.44px;
    letter-spacing: 0em;
    color: #ffffff;
  }
  .title {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 450px;
    height: 70px;
    font-family: RobotoRoman-Medium;
    font-size: 36px;
    font-weight: normal;
    line-height: 42.19px;
    letter-spacing: 0em;
    color: #ffffff;
  }
  .button-browse {
    position: absolute;
    left: 0px;
    top: 193px;
    width: 144px;
    height: 50.75px;
    display: flex;
    padding: 16px 40px;
    border-radius: 8px;
    background: #000000;
    font-family: RobotoRoman-Medium;
    font-size: 16px;
    color: #ffffff;
    box-sizing: border-box;
  }
}
</style>
